<template>
	<view class="page">
		<!-- 标题栏 start -->
		<fu-custom :isBack="true" bgColor="bg-white" class="header" :isBottom="true">
			<block slot="content">{{ i18n['注销账号'] }}</block>
			<block slot="right">
			</block>
		</fu-custom>
		<view class=" padding-lr padding-top-sm padding-bottom-170">
			<view class="content text-666 text-df">
				<jyf-parser :html="body"></jyf-parser>
				<!-- 填写并提交注销申请，工作人员会协助你完成注销。
				<view class="text-999 text-sm ">你主动注销后，我们将停止为你提供产品/服务，根据适
					用法律的要求删除你的个人信息，或使其匿名化处理</view> -->
			</view>
		</view>
		<view class="btn_cloce">
			<view class="btn" @click="handleNext">{{ i18n['填写注销申请'] }}</view>
		</view>
		<!-- 断网监测 start -->
		<fu-notwork></fu-notwork>
		<!-- 断网监测 end -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				body: '',
				is_select_agree: false
			}
		},
		onLoad() {
		this.getData()
		},
		methods: {
			getData() {
				this.$api.post(global.apiUrls.cancelAccountAgreement).then(res => {
					if (res.data.code == 1) {
						this.body = res.data.data.rule
					} else {
						uni.showToast({
							title: res.data.msg,
							icon: 'none'
						});
					}
				})
			},
			/**
			 * @param 是否选择同意协议
			 */
			handle_select() {
				this.is_select_agree = !this.is_select_agree
			},
			handleNext() {
				uni.redirectTo({
					url: '../cancel-apply/index'
				})
			}
		},
	}
</script>

<style lang="scss" >
	page {
		height: 100%;
		background: #ffffff;
	}

	.content {
		min-height: 800rpx;
	}

	.agreement {
		display: flex;
		width: 100%;
		font-family: PingFangSC-Regular;
		font-size: 28rpx;
		color: #666666;
		align-items: center;
		justify-content: center;
		margin-bottom: 30rpx;

		.image {
			height: 28rpx;
			width: 28rpx;
			margin-right: 12rpx;
		}

		text {
			color: #FFA133;
		}
	}

	.login-btn {
		height: 88rpx;
		line-height: 88rpx;
		background: linear-gradient(90deg, #FFA133 0%, #FF5307 100%);
		opacity: 1;
		border-radius: 44px;
		margin: 0 56rpx 30rpx;
		font-size: 32rpx;
		color: #FFFFFF;
		font-family: PingFang SC;
		font-weight: 500;
		text-align: center;
	}

	// 退出登录按钮 start
	.btn_cloce {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 5%;

		.btn {
			width: 686rpx;
			margin: auto;
			border-radius: 60rpx;
			height: 88rpx;
			text-align: center;
			line-height: 88rpx;
			color: #FFFFFF;
			background: $bgtheme;
			font-size: 32rpx;
		}
	}
</style>
